*{
    margin: 0;
    padding: 0;
}
li{list-style: none;}
.txh{
    display: flex;
    
}
body,html{
	background: #f7f7f7;
}
.box{
    width: 100%;
    height: 34px;
    background-color: #e4366b;
    color:#fff;
    ul{
        .txh;
        justify-content: space-between;
        li{
            line-height: 34px;
        }
        li:nth-child(1){
        	margin-left: 10px
        }
         li:nth-child(3){
        	margin-right: 10px
        }
        .a{
        	width: 50px;
        	height: 26px;
        	background: #e53067;
        	border: 1px solid #fcb1c6;
        	border-radius: 10px;
        	color:#fff;
        }
    }
}
.nav{
	width: 100%;
    height: 34px;
    background: #333333;
    p{
    	line-height: 34px;
    	color:#fff;
    	margin-left: 15px;
    }
}
.banner{
	width: 100%;
	.txh;
	justify-content: center;
	ul{
		li:nth-child(1){
			img{
				width: 182px;
				height: 167px;
				margin-top: 30px;
				margin-left: 30px;
             }
		}
		li:nth-child(2){
			width: 230px;
		     height: 40px;
		     img{
		     	width: 230px;
		     height: 40px;
		     }
			
			line-height: 34px;
			margin-top: 40px;
		}
		li:nth-child(3){
			margin-top: 40px;
			font-size: 14px;
			span:nth-child(3){
				margin-left: 10px
			}
			span:nth-child(4){
				margin-left: 20px
			}
		}
	}
}
.footer{
	width: 100%;
	height: 40px;
	background: #4a4a52;
	position: fixed;
	bottom: 0;
	ul{
		.txh;
		li{
			flex:1;
			text-align: center;
			color:#fff;
			line-height: 40px;
			border-right:1px solid #ccc
		}
	}
}